<!--
 * @Author: Fine
 * @Date: 2020-08-24 13:51:47
 * @LastEditTime: 2020-08-24 14:52:31
 * @Description: 模拟列表页
-->
<template>
  <div class="container">
    <van-tabs 
      v-model="activeName" 
      sticky
      swipeable
      background="#fff"
    >
      <van-tab title="关注" name="acctention">关注</van-tab>
      <van-tab title="推荐" name="recommended">推荐</van-tab>
      <van-tab title="热榜" name="hostlist">热榜</van-tab>
    </van-tabs>
  </div>
</template>

<script>

export default {
  components: {},
  data() {
    return {
      activeName: 'recommended'
    };
  },
  computed: {},
  methods: {},
}
</script>
<style lang='scss' scoped>
html,body{
  width: 100%;
  height: 100%;
}
.container {
  display: flex;
  flex: 1;
  background: #dfdfdf;
  .van-tabs {
    width: 100%;
  }
}
</style>